.wlm-form {
  $is-success:#409EFF;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 20px;
  background: #ffffff;
  
  textarea[name="editorValue"] {
    opacity: 0;
    line-height: 0;
  }
  // /deep/ .el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{
  //   &:not(:nth-child(0)){
  //     margin-bottom: 18px;
  //   }
  // }
  .el-input-group{
    display: flex;
    .el-input-group__prepend,.el-input-group__append{
      text-align: center;
      height: 32px;
      line-height: 32px;
      width: auto;
    }
  }
  .el-input-group>.el-input__inner {
    vertical-align: baseline;
  }
  .wlm-update-load{
     // <div class="flex-row flex-align-c flex-justify-c wlm-update-load"><i class="el-icon-plus avatar-uploader-icon"></i></div>
    cursor: pointer;
    border:1px dashed #c0ccda;
    width: 100px;
    height: 100px;
    background: #fafbff;
    color: #a8abb0;
    border-radius: 5px;
    .avatar-uploader-icon{
      font-size: 28px;
      color: #8c939d;
      width: 100px;
      height: 100px;
      line-height: 100px;
      text-align: center;
    }
  }
  .form-help {
    color: #999;
    line-height: 14px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: normal;
  }
  .pointer{
    cursor: pointer;
  }
  .wlm-form-steps {
    .el-steps.el-steps--horizontal {
        flex-grow: 1;
        .el-step__title{
            &.is-finish{
                color: $is-success;
            }
        }
        .el-step__head {
            zoom: 1.8;

            &.is-finish {
                color: $is-success;
                border-color: $is-success;
            }

            .el-step__line {
                height: 1px;
            }

            .el-step__icon.is-text {
                border: 1px solid;
            }
        }

        .el-step__description {
            font-size: 14px;
            &.is-finish {
                color: $is-success;
            }
        }
    }
}
  .wlm-form-notice{
    margin: 20px;
    background: #f4f4f5;
    padding: 14px 20px;
    color: #909399;
    font-size: 14px;
    &.warning{
      background: #fff7cc;
      border: 1px solid #feb;
      color: #333;
    }
    .notice-link{
      cursor: pointer;
      color: #409EFF !important;
      margin-left: 10px;
      &+.notice-link{
        margin-right: 10px;
      }
    }
  }
  .wlm-form-hearder{
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 20px;
  }
  .wlm-form-notice i{
    font-size: 17px;
    margin-right: 4px;
  }
  .wlm-form-header { //标题
    padding: 20px;
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 20px;
    .sub-title{
      font-size: 12px;
      margin-left: 10px;
      &+.sub-title{
        margin-right: 10px;
      }
    }
  }
  .wlm-channel-card{
    &.bg-1{
      background: #4dbe2e;
      .card-header{
        .title{
          em{
            background-color: #41aa24;
          }
        }
      }

    }
    .card-header{
      height: 135px;
      padding: 24px;
      color: #fff;
      padding-left: 147px;
      position: relative;
      .logo {
        position: absolute;
        top: 50%;
        left: 40px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }
      .title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 14px;
        font-weight: normal;
        em {
          display: inline-block;
          height: 18px;
          line-height: 18px;
          padding: 0 6px;
          font-size: 12px;
          border-radius: 9px;
          margin-left: 10px;
          font-style: italic;
        }
      }
      .info{
        font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
        font-size: 12px;
        line-height: 1.5;
        font-weight: normal;
      }
      .primary-text {
          color: #fb6638 !important;
      }
    }
  }
  .wlm-form-header-radio{
    padding: 30px 60px 20px;
  }
  .wlm-form-content {//内容部分
    &:not(.no-pd){
      padding: 20px;
    }

    .wlm-error-deep.is-error{
      .el-input__inner, .el-input__inner:focus, .el-textarea__inner, .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus{
        border-color: #f56c6c!important;
      }
    }

    .wlm-form-parameter{
      border: 1px solid #f2f2f2;
      .el-form-item__content{
        border-left: 1px solid #f2f2f2;
        padding-left: 20px;
        min-height: 32px;
      }
    }

    &.channel-card{
      position: relative;
      min-height: 484px;
      .main-body {
          height: calc(100vh - 240px);
      }

      .status-main {
        
      }

      // .status-main-title {
      //     font-size: 18px;
      //     margin-bottom: 4px;
      // }

      .status-main-title {
          text-align: center;
          font-size: 14px;
          color: #333;
          line-height: 14px;
          margin-bottom: 20px;
      }

      .status-main-svg {
          width: 25.6px;
          height: 22px;
          vertical-align: middle;
      }

      .mar-top-4 {
          margin-top: 4px;
      }
    }
    .wlm-form-section{
      border-bottom: 1px solid #f2f2f2;
      padding: 10px 20px;
      margin-bottom: 35px;
      line-height: 1;
      >.section-inner{
        font-size: 14px;
        font-weight: 600;
        border-left: 2px solid #67c23a;
        padding-left: 10px;
        margin-left: -20px;
      }
      &.section-more{
        border-bottom: 0;
        >.section-inner{
          border-left: 0;
          padding-left: 0;
        }
      }
    }
    .wlm-form-child{
      margin-top: 20px;
    }
    .wlm-input-appendbox{
      width: 230px;
      .el-input
      .el-input__inner {
          border-bottom-right-radius: 0;
          border-top-right-radius: 0;
      }

      .el-input-number {
        .el-input {
          width: 230px;
        }
      }
      .wlm-input-append{
        height: 32px;
        white-space: nowrap;
        padding: 0 13px;
        text-align: center;
        line-height: 32px;
        background: #f5f7fa;
        border: 1px solid #dcdfe6;
        box-sizing: border-box;
        border-right-color: transparent;
        border-left-color: transparent;
        color: #909399;
        &.append-right{
          border-right-color: #dcdfe6;
          border-bottom-right-radius: 4px;
          border-top-right-radius: 4px;
        }
        &.append-left{
          border-left-color: #dcdfe6;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
        }
      }
      .wlm-input-append_s{
        height: 32px;
        white-space: nowrap;
        padding: 0 13px;
        text-align: center;
        line-height: 32px;
        background: #f5f7fa;
        border: 1px solid #dcdfe6;
        box-sizing: border-box;
        border-right-color: transparent;
        border-left-color: transparent;
        color: #909399;
        position: absolute;
        left: 110px;
        &.append-right{
          border-right-color: #dcdfe6;
          border-bottom-right-radius: 4px;
          border-top-right-radius: 4px;
        }
        &.append-left{
          border-left-color: #dcdfe6;
          border-bottom-left-radius: 4px;
          border-top-left-radius: 4px;
        }
      }
    }
    .wlm-form-group{
      &.flex-col{
        &:not(.no-top){
          margin-top: 10px;
        }
        .el-radio+.el-radio{
          margin-left: 0;
          margin-top: 20px;
        }
      }
      .el-form-item{
        margin:20px 0 0 20px;
        &.inline{
          display: inline-block;
          margin: 0;
        }
      }
    } 
    .el-form-item__label {
      white-space: nowrap;
      font-weight: 400;
      padding: 0 20px 0 0;
    }
    .el-input, .el-input-number{
        &:not(.wlm-input-auto){
          width: 270px;
        }
        
        &.wlm-input-auto{
          .el-input{
            width: auto;
          }
        }
    }
    // .wlm-input-auto {
    //   .el-input, .el-input-number{
    //     width: 270px;
    //   }
    // }
    .wlm-upload-img{
      display: inline-block;
      width: 98px;
      height: 98px;
      border: 1px solid #f2f2f2;
    }
    .send .el-input {
      width: 210px;
    }
    .city .el-input{
      width: 130px;
    }
    .slider .el-input{
      width: auto;
    }
    .el-textarea {
      width: 270px;
    }
    .el-date-editor{
      width: 270px;
    }
    .min-input .el-input {
      width: 120px;
    }
    .min-input .el-input+.el-input {
      margin-left: 14px;
    }
    .min-input span{
      margin: 0 8px;
    }
  }
}
.wlm-fixed-btn{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 58px;
  border-top: 1px solid #ededed;
  background: #ffffff;
  z-index: 99;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  .el-button {
    margin:0 10px;
  }
}